<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns:th="http://www.thymeleaf.org">
<html xmlns="http://www.w3.org/1999/xhtml">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta name="keywords" content="">
<meta name="description" content="">
<title>IT易学网-个人资料</title>
<!--[if IE]>
<meta http-equiv="X-UA-Compatible" content="IE=10,chrome=1"/><![endif]-->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<script type="text/javascript" th:src="@{/js/js/jquery.min.js}" src="/js/js/jquery.min.js"></script>
<script type="text/javascript" th:src="@{/js/cookies.js}" src="/js/cookies.js"></script>
<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script>
    var _hmt = _hmt || [];
    (function () {
        var hm = document.createElement("script");
        hm.src = "https://hm.baidu.com/hm.js?30981990609a2e4838988cb9a11d8faa";
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(hm, s);
    })();
</script>
<!--百度统计代码-->

<!-- 右侧贴边导航购物车显示由quick_links.js控制 -->
<!--[if lte IE 8]>
<script src="js/ieBetter.js"></script>
<![endif]-->
<script type="text/javascript" src="/js/parabola.js"></script>

<link rel="stylesheet" type="text/css" href="/css/base1.css"/>
<script type="text/javascript" th:src="@{/js/common.js}" src="/js/common.js"></script>
<script type="text/javascript" th:src="@{/js/quick_links.js}" src="/js/quick_links.js"></script>
<script type="text/javascript" th:src="@{/js/validateUtil.js}" src="/js/validateUtil.js"></script>
<!--/ 右侧导航栏 -->
<script type="text/javascript" src="/js/msgbox.js"></script>
<link rel="icon" href="/images/yx-icon.png"/>
<link href="/css/base.css" rel="stylesheet" type="text/css"/>
<link href="/css/shou.css" rel="stylesheet" type="text/css"/>
<link href="/css/index.css" rel="stylesheet" type="text/css"/>
<link rel="stylesheet" href="/css/msgbox.css"/>
<style>
    .hidde {
        disable: none
    }

    .disable {
        background-color: #dddddd
    }

    dl.kc .more {
        margin-top: 140px;
    }

    .quick_links_wrap {
        width: 40px;
    }

    .mui-mbar-tabs {
        width: 40px;
    }

    .bd img {
        display: block;
    }

    .text {
        width: 290px;
        padding-left: 10px;
        outline: none;
        padding-top: 5px;
        height: 35px;
        line-height: 35px;
        border: 1px solid #CCC;
        margin-bottom: 15px;
        font-size: 14px;
    }

    #new_account {
        float: right;
        margin-right: 30px;
        color: #01a29a;
    }

    #new_account:hover {
        color: #f00;
    }

    .tipPlace {
        position: absolute;
        color: #888;
        display: none;
    }

    #login_btn {
        background: #01a29a;
        border: none;
        width: 302px;
        color: #fff;
        font-size: 20px;
        height: 43px;
        margin-top: 10px;
        cursor: pointer;
    }
</style>
<script type="text/javascript" src="/js/main.js"></script>
<script src="/js/md5.js" type="text/javascript"></script>
<script src="/js/base64.js" type="text/javascript"></script>
<link href="/css/userCenter/person.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="/js/userCenter/person.js"></script>
<script type="text/javascript" src="/js/ProvinceCity.js"></script>
</head>

<body>
<link rel="stylesheet" href="/css/style1.css"/>
<script type="text/javascript" src="/js/js/jquery.qqFace.js"></script>
<script type="text/javascript" src="/js/scrollbar/jquery.slimscroll.js"></script>
<!-- 头部 -->
<div id="header">
    <div class="top">
        <div class="right">
            <a href="/study/index">首页</a>
            <a th:href="@{/study-employee/study_person(id=${session.USER.id})}">我的易学</a>
             <a th:href="@{/sel(id=${session.USER.id})}">我的收藏夹</a>
        </div>
    </div>
</div>
<!--首页头部 -->
<link href="/css/prettify.css" type="text/css" rel="stylesheet"/>
<script type="text/javascript" src="/js/scrollbar/prettify.js"></script>
<script type="text/javascript" src="/js/scrollbar/jquery.slimscroll.js"></script>
<script type="text/javascript" src="/js/appraisePage.js"></script>
<script type="text/javascript" src="/js/navigation.js"></script>
<div id="index_top">

    <!-- 导航-->
    <div id="nav">
        <ul class="menu1">
            <!--<li class="top">
                <a href="/userCenter/index.html">我的易学</a>
            </li>-->
            <li class="now"><a  th:href="@{/study-employee/study_person(id=${session.USER.id})}">个人信息</a></li>
            <li style="float:right;"><a href="/study/index">返回首页</a></li>
        </ul>
    </div>
    <!--/导航-->
</div>
<!-- 首页头部结束 -->
<script>
    function whenDocumentReady3() {
        /*加载购物车*/
        loadingShoppingCart();
    }

    /*
        搜索商品的分页
    */
    /*到第N页*/
    function top_topage(n) {
        $(".top_pageForm").find(".top_page").val(n);
        $(".top_pageForm").submit();
    }

    /*跳转至第N页*/
    function top_turnpage() {
        var pagenum = $("#top_pagenum").val();
        var maxPage = $(this).attr("id");
        if (pagenum == "" || pagenum > maxPage) {
            pagenum = maxPage;
        }
        topage(pagenum);
    }
</script>
<link href="/css/personLeft.css" rel="stylesheet" type="text/css"/>
<div id="main">
    <div class="left sideMenu">
        <ul>
            <li class="pic">
                <a href="/userCenter/person.html"><img
                        src="https://s1.ax1x.com/2020/08/03/aa6O6f.jpg" height="150"
                        width="151"/></a>
            </li>
            <li></li>
            <li>
                <h3 class="on"><em></em>安全</h3>
                <div class="left_navi_div">

                    <a class="now"  th:href="@{/study-employee/study_person(id=${session.USER.id})}">个人资料</a>
                </div>
            </li>
            <li>
                <h3><em></em>学习</h3>
                <div class="left_navi_div">
                    <a th:href="@{/sel(id=${session.USER.id})}">我的收藏</a>
                </div>
            </li>
        </ul>
    </div>
    <script type="text/javascript" src="/js/jquery.SuperSlide.2.1.1.js"></script>
    <script type="text/javascript">
        jQuery(".sideMenu").slide({
            titCell: "h3", //鼠标触发对象
            targetCell: ".left_navi_div", //与titCell一一对应，第n个titCell控制第n个targetCell的显示隐藏
            effect: "slideDown", //targetCell下拉效果
            delayTime: 300, //效果时间
            triggerTime: 150, //鼠标延迟触发时间（默认150）
            defaultPlay: true,//默认是否执行效果（默认true）
            returnDefault: false,
            trigger: "click" //鼠标从.sideMen移走后返回默认状态（默认false）
        });
    </script>
    <div class="right">
        <dl>
            <dt style="font-size:30px;">您的基础信息</dt>
            <dd>
                <ul th:each="el :${emplist}" >
                    <li style="font-size: 16px">用户编号：[[${el.getId()}]]</li>
                    <li style="font-size: 16px">用户名：[[${el.getEmpName()}]]</li>
                    <li style="font-size: 16px">职&nbsp;&nbsp;位：[[${el.studyRole.roleName}]]</li>
                    <li style="font-size: 16px">部&nbsp;&nbsp;门：[[${el.studyDepartment.getDepName()}]]</li>
                    <li style="font-size: 16px">目前拥有积分:[[${el.studyIntegral.integral}]]</li>
                </ul>
            </dd>
            <br/>
            <dt style="font-size:30px;border-top: 1px solid #9d9d9d"></dt>
            <dd>
                <ul>
                    <li class="item password ">
                        <div class="supply" style="font-size: 16px">安全性高的密码可以使账号更安全。建议您定期更换密码<br/>且设置一个仅包含数字和字母，并长度超过6位以上16位以下的密码。</div>
                        <div class="operate">
                            <button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">
                                修改账户密码
                            </button>
                        </div>
                        <!-- 模态框（Modal） -->

                        <div class="modal fade" id="myModal" tabindex="-1" role="dialog"
                             aria-labelledby="myModalLabel"
                             aria-hidden="true">
                            <div class="modal-dialog">
                                <div class="modal-content">
                                    <div class="modal-header">
                                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                                            &times;
                                        </button>
                                        <h2 class="modal-title" id="myModalLabel" style="font-size: 20px">
                                            密码修改
                                        </h2>
                                    </div>
                                    <form id="upform">
                                        <div class="modal-body">
                                            原密码：<input style="width:150px;" type="password" id="ypwd"
                                                       th:onblur="'sel('+${session.USER.id}+')'"/>
                                            <span id="sp3" style="color: red;font-size:2px"></span>
                                        </div>
                                        <input name="id" th:value="${session.USER.id}" type="hidden"/>
                                        <div class="modal-body">
                                            新密码：<input name="pwd" input style="width:150px;" type="password" id="npwd" th:onblur="funpsd()"
                                                       placeholder="密码为6-16位数字、字母"/>
                                            <span id="sp1" style="color: red;font-size:2px"></span>
                                        </div>
                                        <div class="modal-body">
                                            确认密码：<input type="password" input style="width:150px;" id="cfpwd" th:onblur="funcpsd()"
                                                        placeholder="密码为6-16位数字、字母"/>
                                            <span id="sp2" style="color: red;font-size:2px"></span>
                                        </div>
                                        <div class="modal-footer">
                                            <button type="button" class="btn btn-default" data-dismiss="modal">关闭
                                            </button>
                                            <button type="button" onclick="submitupdate()" class="btn btn-primary">
                                                提交更改
                                            </button>
                                        </div>
                                    </form>
                                </div><!-- /.modal-content -->
                            </div><!-- /.modal -->
                        </div>

                    </li>
                </ul>
            </dd>
        </dl>
    </div>
</div>
<div class="footer">
    <div class="footer-main">
        <div class="footer-link">
            <h4>交流合作</h4>
            <ul>
                <li><a href="/common/help/aboutUs.html">关于我们</a></li>
                <li><a href="/common/help/contactUs.html">联系我们</a></li>
                <li><a href="/common/help/advService.html">广告合作</li>
                <li><a href="/common/help/disclaimer.html">免责申明</a></li>
            </ul>
        </div>
        <div class="footer-link">
            <h4>帮助中心</h4>
            <ul>
                <li><a href="/wd.htm">技术问答</a></li>
                <li><a href="/common/help/afterSale.html">售后帮助</a></li>
                <li><a href="/common/help/refundRule.html">退款帮助</a></li>
                <li><a href="/sitemap.html">网站地图</a></li>
            </ul>
        </div>
        <div class="footer-link">
            <h4>我是学员</h4>
            <ul>
                <li><a href="/common/help/buyGoods.html">如何学习</a></li>
                <li><a href="/study.htm">抱团学习</a></li>
                <li><a href="/userCenter/purchasedGoodsList.html">我的课程</a></li>
                <li><a href="/question/myQuestion.html">我的问答</a></li>
            </ul>
        </div>
        <div class="footer-link">
            <h4>我是讲师</h4>
            <ul>
                <li><a href="/common/help/teacherRegister.html">讲师入驻</a></li>
                <li><a href="/common/help/issueFaceCourse.html">发布课程</a></li>
                <!--<li><a href="/question/myQuestion.html">如何开课</a></li>-->
                <li><a href="/common/help/studyhelp.html">寻找学员</a></li>
            </ul>
        </div>
        <div class="footer-link">
            <h4>我是企业</h4>
            <ul>
                <li><a href="/common/help/aboutSchool.html">关于入驻</a></li>
                <li><a href="/common/help/toBeSchool.html">学校入驻</a></li>
                <li><a href="/common/help/schooldeco.html">学校装修</a></li>
                <li><a href="/common/help/marketcenter.html">营销中心</a></li>
            </ul>
        </div>
    </div>
    <p class="footer-record">Copyright ©2015-2020 博睿（广州）科技有限公司 地址： <a>广州市天河区科韵路棠安路188号</a> 邮编：<a>510000</a> 网站备案号： <a
            href="http://beian.miit.gov.cn/" target="_blank">粤ICP备17128079号-2</a></p>
    <script>
        //判断原密码是否一致
        function sel(id) {
            var ypwd = $("#ypwd").val();
            $.ajax({
                type: "post",
                url: "/study-employee/verifypwd",
                data: {id: id, pwd: ypwd},
                success:
                    function (date) {
                        if (!date) {
                            document.getElementById("sp3").innerHTML = "密码不正确";
                            $("#ypwd").val("");
                        } else {
                            document.getElementById("sp3").innerHTML = "";
                        }
                    }
            });
        }

        //输入密码，并判断密码是否一致
        function funpsd() {
            var psd = $("#npwd").val();
            var reg = new RegExp("^[A-Za-z0-9\u4e00-\u9fa5]+$");
            if (psd == "") {
                document.getElementById("sp1").innerHTML = "密码不能为空";
            } else if (psd.length < 6 || psd.length > 16) {
                document.getElementById("sp1").innerHTML = "密码不能小于6位或不能大于16位";
            } else if (isNaN(psd) && !reg.test(psd)) {
                document.getElementById("sp1").innerHTML = "密码必须是数字和字母";
            } else {
                document.getElementById("sp1").innerHTML = "";
            }
        }
        function funcpsd() {
            var psd1 = $("#npwd").val();
            var psd2 = $("#cfpwd").val();  //变量赋值在前
            if (psd1 != psd2) {
                document.getElementById("sp2").innerHTML = "密码不一致，请重新输入";
                $("#cfpwd").val(" ");
            } else {
                document.getElementById("sp2").innerHTML = "";
            }
        }

        function submitupdate() {
            var tempwindow=window.open();//先打开临时窗体，由于是点击事件内触发，不会被拦截
            $.ajax({
                type: "post",
                url: "/study-employee/courseupd",
                data: $("#upform").serialize(),
                success:
                    function (date) {
                        alert(date);
                        tempwindow.location = "http://localhost:8088/";
                        window.close();
                    }
            });
        }
    </script>
    <style>
        .footer {
            width: 100%;
            background: #2e2e2e;
            padding-bottom: 20px;
            overflow: auto;
        }

        .footer-main {
            width: 1140px;
            margin: 0 auto;
            margin-top: 20px;
            border-top: 1px solid #fff;
            border-bottom: 1px solid #fff;
            padding: 30px 30px 0;
            text-align: center;
            overflow: auto;
        }

        .footer-main .footer-link {
            width: 140px;
            line-height: 35px;
            float: left;
            margin-bottom: 20px;
        }

        .footer-main .footer-link h4 {
            font-size: 16px;
            color: #fff;
        }

        .footer-main .footer-link a {
            color: #fff;
        }

        .footer-contact {
            width: 400px;
            float: right;
        }

        .footer-contact-num {
            width: 370px;
            height: 40px;
            border: 1px solid #edd70d;
            padding: 10px;
            text-align: left;
        }

        .footer-contact-num label {
            float: left;
            width: 40px;
            height: 40px;
        }

        .footer-contact-num p {
            float: left;
            line-height: 45px;
            color: #fff;
            font-size: 16px;
            margin: 0 10px
        }

        .contact-img {
            width: 45px;
            height: 45px;
            margin: 20px 20px 0;
        }

        #weichatDiv {
            position: absolute;
            display: none;
        }

        #weichatDiv img {
            position: absolute;
            left: 137px;
            top: -44px;
            border: 5px solid #fff;
        }

        .footer-record {
            text-align: center;
            font-size: 12px;
            color: #fff;
            margin-top: 10px;
        }

        .footer-record a {
            color: #fff;
        }
    </style>
    <script type="text/javascript">
        function whenDocumentReady3() {
            $("#weiChat-img").hover(function (event) {
                $("#weichatDiv").fadeIn(300);
            }, function (event) {
                $("#weichatDiv").fadeOut(300);
            });
        }
    </script>
</div>
</body>
</html>
